<div id="layertree">
    <h5>单击下面的图层节点以更改其属性</h5>
    <ul>
        <li class="layerAttr" *ngFor="let layerData of layerList; let i = index">
            <span class="layerid"><i></i>{{layerData.id}}</span>
            <p class="visibility visib">
                <label class="visibility-title">是否可见</label>
                <nz-switch
                    [(ngModel)]="layerData.visible"
                    (ngModelChange)='visibilityChange(layerData.layers, $event)'>
                </nz-switch>
            </p>
            <p class="visibility">
                <label class="visibility-title">透明度</label>
                <nz-row>
                    <nz-col nzSpan="14">
                        <nz-slider [nzMin]="0" [nzMax]="1" [nzStep]="0.01" [(ngModel)]="layerData.opacity"
                                   (ngModelChange)='opacityModelChange(layerData.layers, $event)'></nz-slider>
                    </nz-col>
                </nz-row>
            </p>
        </li>
    </ul>
</div>
